<link rel="stylesheet" href="../addons/jy_weishop/resource/css/peerpay.css">
<style>
.fui-list-media a{bottom:0}
</style>
<div ng-if="pagedata.op=='main'" class="fui-page  fui-page-current">
    <div class="fui-content">
        <div class="fui-list-group-title fui-payfor-group-title">来自{{pagedata.member.nickname}}的代付订单</div>
        <div class="fui-list fui-payfor-list fui-payfor-peerpay">
            <div class="fui-list-media">
                <img ng-src="{{tomedia(pagedata.goods.image)}}" alt="{{pagedata.goods.title}}">
            </div>
            <div class="fui-list-inner fui-payfor-info">
                <span class="fui-payfor-info-title">{{pagedata.goods.title}}</span>
                <div class="fui-list" style="padding:0;">
                    <div class="fui-list-inner">
                        <span class="fui-payfor-info-price">&yen;{{pagedata.order.price}}</span>
                    </div>
                </div>
            </div>
			<div class="fui-list-media">
                   <a href="javascript:;" ng-click="access_json('/goods.detail//id='+pagedata.goods.id)" class="btn btn-sm btn-default fui-payfor-btn">&nbsp;查看商品&nbsp;</a>
            </div>
        </div>
        <div class="fui-tab fui-tab-danger" id="tab-plus">
            <a href="javascript:;" ng-click="pagedata.item.type=1" ng-class="{'active':pagedata.item.type==1}">单人代付</a>
            <a href="javascript:;" ng-click="pagedata.item.type=2" ng-class="{'active':pagedata.item.type==2}">多人代付</a>
        </div>
        <div class="fui-tab-content">
            <div class="fui-tab-content-a" ng-show="pagedata.item.type==1" id="onepay">
                <div class="fui-payfor-step">
                        <span>
                            <em><i>1</i></em>
                            <div>留言并分享</div>
                        </span>
                    <span>
                            <em><i>2</i></em>
                            <div>参与并付款</div>
                        </span>
                    <span>
                            <em><i>3</i></em>
                            <div>代付成功</div>
                        </span>
                </div>
            </div>
            <div class="fui-tab-content-a" ng-show="pagedata.item.type==2" id="morepay">
                <div class="fui-payfor-step">
                        <span>
                            <em><i>1</i></em>
                            <div>留言并分享</div>
                        </span>
                    <span>
                            <em><i>2</i></em>
                            <div>多人参与并付款</div>
                        </span>
                    <span>
                            <em><i>3</i></em>
                            <div>筹集完金额</div>
                        </span>
                    <span>
                            <em><i>4</i></em>
                            <div>代付成功</div>
                        </span>
                </div>
            </div>
            <div class="fui-text fui-cell-group">
                <div class="fui-cell">
                    <div class="fui-cell-info">
                        <textarea id="message" ng-model="pagedata.item.remark" rows="4" placeholder="请输入简介" maxlength="140"></textarea>
                    </div>
                </div>
            </div>
        </div>

            <a href="javascript:;" class="btn btn-danger" id="next" ng-click="post(pagedata.item,'post')" style="display: block;" >下一步</a>
            <!--<div style="width: 100%;text-align: center">
                <a href="{php echo mobileUrl('order/detail',array('id'=>$orderid))}" class="order-detail">查看订单详情</a>
            </div>-->

            <div class="fui-text-footer">
                如15天内代付没凑齐，订单将被取消<br />
                所付款项将退还到付款人账户
            </div>

    </div>
</div>
<div ng-if="pagedata.op=='share'">
<style>
    .fui-content{background-color: #ededed}
</style>
<div class="fui-page  fui-page-current">
    <div class="fui-header">
        <div class="fui-header-left">
            <a class="back" data-nocache="true"></a>
        </div>
        <div class="title">找人代付</div>
        <div class="fui-header-right"></div>
    </div>
    <div class="fui-content">
        <div class="fui-payfor-header">
                <span class="fui-payfor-header-user">
                    <i class="fui-payfor-user"><img ng-src="{{pagedata.member.avatar}}" alt=""></i>
                </span>
            <div class="fui-payfor-header-title">{{pagedata.member.nickname}}</div>
        </div>
        <div class="fui-payfor-speed">

            <div class="fui-list fui-payfor-speed-bot" style="padding:0.2rem 0;">
                <div class="fui-list-inner">已完成：<span class="price">{{pagedata.rate}}%</span></div>
                <div class="fui-list-inner" style="text-align: right;">还差：<span class="price">{{pagedata.need_money}}元</span></div>
            </div>
            <div class="fui-payfor-speed-top">
                <i class="fui-payfor-speed-top-inner" style="width:{{pagedata.rate}}%"></i>
            </div>
        </div>
        <a href="javascript:;" class="btn btn-danger" style="display: block;margin-top: 1.5rem" id="share" onclick="$('.alert-mask').show()">找小伙伴帮忙付款</a>
    </div>
</div>

<div class="alert-mask" style="position: absolute;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;-moz-transition-duration: 400ms;-webkit-transition-duration: 400ms;transition-duration: 400ms;display: none" onclick="$('.alert-mask').hide()">
    <img src="../addons/jy_weishop/resource/images/peerpayshare.png" alt="" width="100%" >
    <div style='font-family: "Microsoft YaHei UI", "微软雅黑", "宋体";color: #fff;text-align: center;'>快去找人帮你付款吧</div>
</div>
</div>
